.weizhi{
    line-height:40px;
    padding:0 20px;
}
.cazuoBtn{
    color:#337AB7;
    cursor:pointer;
    padding-right:10px;
    &:nth-of-type(2){
        padding-right:0;
    }
    &:hover{
        color:#337AB7;
        text-decoration:underline;
    }
}
.tabber{
    margin:20px;
    border-bottom:1px solid #D7D7D7;
    img{
        width:15px;
        height:15px;
        vertical-align:middle;
        margin-left: 4px;
    }
    section{
        .activeTab{
            border-bottom:2px solid #337AB7;
            color:#333333;
            font-weight:bold;
        }
        span{
            display:inline-block;
            font-size:14px;
            color:#666666;
            margin-left:15px;
            padding:0 5px 5px 10px;
            cursor:pointer;
        }
    }
}
.handleBtns{
    margin: 20px;
    div{
        float: right;
        line-height:30px;
        input{
            border:1px solid #BCBCBC;
            border-radius:2px;
            height:30px;
            padding-left: 10px;
        }
        .handleBtns-search{
            display: inline-block;
            border-radius:5px;
            text-align:center;
            width:100px;
            height:30px;
        }
    }
}
.reply-attentionTabel{
    margin: 20px;
    .layui-table-box{
        .layui-table-header{
            table{
                thead{
                    tr{
                        background:rgba(51,122,183,.2)!important;
                        color:#666666;
                        font-size:12px;
                        th{
                            border:1px solid #fff;
                            text-align:center;
                            font-weight:bold;
                            .layui-table-cell{
                                padding:0;
                            }
                        }
                    }
                }
            }
            
        }
        .layui-table-body{
            table{
                tbody{
                    text-align:center;
                    tr{
                        height:50px;
                        td:nth-of-type(3){
                            // color:red;
                            overflow: hidden!important;
                            text-overflow: ellipsis!important;
                            display: -webkit-box!important;
                            line-height: 23px!important;
                            max-height: 50px!important;
                            -webkit-line-clamp: 2!important;
                            -webkit-box-orient: vertical!important;
                        }
                    }
                    tr:nth-of-type(even){
                        background:#EBF2F8;
                       
                        td{
                            .layui-table-cell{
                                
                            }
                            
                        }
                    }
                }
            }
        }

    }
    .layui-table-page{
        #layui-table-page1{
            text-align:right;
        }
    }
}
.sortImg-arrow{
    display: inline-block;
    width:14px;
    height:14px;
    cursor: pointer;
    margin:10px 10px 0 0;
}
.down{
    background:url('../img/downArrow-gray.png');
    background-size:100%;
    &:hover{
        background:url('../img/downArrow.png');
        background-size:100%;
    }
}
.downBottom{
    background:url('../img/downArrowBottom-gray.png');
    background-size:100%;
    &:hover{
        background:url('../img/downArrowBottom.png');
        background-size:100%;
    }
}
.up{
    background:url('../img/onArrow-gray.png');
    background-size:100%;
    &:hover{
        background:url('../img/onArrow.png');
        background-size:100%;
    }
}
.upTop{
    background:url('../img/onArrowTop-gray.png');
    background-size:100%;
    &:hover{
        background:url('../img/onTopArrow.png');
        background-size:100%;
    }
}

#numberOne:hover{
    .numberOne{
        display:block!important;
    }
}
#numberTwo:hover{
    .numberTwo{
        display:block!important;
        .arrow{
           left:66px!important;
            
        }
    }
}#numberThree:hover{
    .numberThree{
        display:block!important;
    }
}
.menuDescription{
    position:absolute;
    display:none;
    top:26px;
    left:0;
    z-index:10;
    padding-top: 10px;
    section{
     background:#fff;
     width:386px;
     padding:10px;
     //border:1px solid #797979;
     border-radius:4px;
     color:#333333!important;
     box-shadow:0px 0px 5px 0 rgba(0,0,0,.2);
     line-height:23px;
     font-weight: normal;
     position:relative;
     
     .arrow{
         position: absolute;
         top: 0;
         margin-top: -12px;
        //  right:47px
        left:80px;
         
     }
    .arrow_out{
     //left: -12px;
     display: inline-block;
     width: 0;
     height: 0;
     
     border-bottom: 12px solid #d0d0d0;
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     }
     .arrow_in{
         //left: -12px;
         display: inline-block;
         width: 0;
         height: 0;
         border-bottom: 12px solid #fff;
         border-left: 12px solid transparent;
         border-right: 12px solid transparent;
       
     }

    }
    &:hover{
     .menuDescription{
         display:block !important;
     }
    }
    
}